Top 9 Stunning JavaScript Slideshow Image Examples
Lightbox with slideshow (play, pause, auto-play)
Deactivate and Activate Features through Javascript Options
New Javascript property "orderInAll: true" so when you are in the all tab
New Feature: If you want to link to a page when you click on an image instead
of opening a light box just in the name of the image specify the url like this:
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
Image Gallery with Vertical Thumbnail Navigator
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
Javascript code deep compression by smart compression engine
Auto slideshow with optional pause on hover
Full Width Slider 2 is easy to use jQuery image slider optimized for full screen width. Auto slideshow with pause on hover.
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Lightbox with slideshow (play, pause, auto-play)
Deactivate and Activate Features through Javascript Options
Fast CSS3 & JavaScript engine. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support.
You can choose a Slideshow or a picture Slider tool.DimViewer use Google Arts/Google Maps technology; process your images and create a small JavaScript.It use pure JavaScript without any plugins; Which means it’s cross browser.Again it use cross-browser pure JavaScript.or follow stepsGenerate tile image offline by using DimViewer1.You can choose the maximum zoom level, initial size that will fit in your page as well as image descriptions and so on.DimViewer will generate a group of tile images and a JavaScript (dimviewer1.Copy outcome tile images and Javascript (dimviewer1.Following example code that use outcome tile image and Javascript (dimviewer1.<script type="text/javascript" src="DimImages/dimviewer1.<script type="text/javascript">
The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height
Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.